<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DOHN</title>
<link href="../html/css/popup.css" rel="stylesheet" type="text/css" />
<link href="../html/css/table.css" rel="stylesheet" type="text/css" />

<script language = "JavaScript">
 function s_submit()
 {

  if(document.s_join.category.value == "")
  {
   alert('Please select category');
   document.s_join.category.focus();
   return false;
  }

  if(document.s_join.description.value == "")
  {
   alert('Please input description');
   document.s_join.description.focus();
   return false;
  }

  if(document.s_join.amount.value == "")
  {
   alert('Please input amount');
   document.s_join.amount.focus();
   return false;
  }

  if(isNaN(document.s_join.amount.value)){
	alert('Please input a number on amount');
	document.s_join.amount.focus();
   return false;
  }

  if(document.s_join.plan_total.value == "")
  {
   alert('Please input count');
   document.s_join.plan_total.focus();
   return false;
  }

  if(isNaN(document.s_join.plan_total.value)){
	alert('Please input a number on count');
	document.s_join.plan_total.focus();
   return false;
  }

  document.s_join.submit();
    top.opener.location.reload();
  window.close();
}
</script>

</head>
<body>
<style>
#popup{
	width:560px; height:120px;
}
#popup_detail{
	width:550px; height:110px;
}
</style>
<div id="popup" >
	<div id="popup_detail">
		<form name="s_join" id="quote1" action="do_shortcut_add" method="post">
            <table width="530px;">
				<tr>
					<th width="40%">Category</th>
					<th>Description</th>
					<th width="5%" >Amount</th>
					<th >Count</th>
				</tr>
				<tr>
					<td>
						<select name="category" style="width:170px;">
						<option value="">Select category...</option>
						<!-- ��Ӵٿ� �޴��� �� ī���? �̸��� <option>~~</option>���� �־��ּ���!-->
						<!---CONTENT!--->
						</select>
					</td>
					<td> <input type="text" name="description" /> </td>
					<td> <input type="text" name="amount" style="width:80px;" /> </td>
					<td> <input type="text" name="plan_total" style="width:60px;" /></td>
				</tr>
				<tr >
					<td style="text-align:left;">
						<a href="javascript:window.close();" ><img src="../html/images/cancel.jpg"  border=0 style="width:80px; height:27px; margin-top:10px" ></a></td>
					<td></td>
					<td></td>
					<td>
						<input type="button" value="Complete" onClick="s_submit();" style="width:80px; height:27px; color:#fff; border:none; background: url(../html/images/button.jpg); margin: 10px 0 0 5px;"/>
					</td>
				</tr>
		</table>
	</div>
</div>
</body>
</html>
